<div class="main comwidth">
  <div class="header">
    演练房间
    <div class="fr">
      <!-- <div class="search-input fl">
        <input class="search" type="text" value="" name="">
        <a href="javascript:;">
          <img src="./assets/img/search.png" alt="">
        </a>
      </div> -->
      <button style="background: #ef4954;padding: 0 25px;color: #fff;" nz-button *ngIf="studentId == roomAdminId" (click)="startDrill()">
        <span>开始</span>
      </button>
      <!-- <button nz-button (click)="reload()" style="padding: 0 15px">
        <i class="anticon anticon-reload"></i>
        <span>刷新</span>
      </button> -->
    </div>
  </div>
  <div class="game-wait clearfix">
    <!-- <div class="host fl">
      <p>
        房主
      </p>
      <div class="host-img">
          <img style="width: 100%;height: 100%;border-radius: 50%" src="../../assets/img/timg.jpg"/>
      </div>
      <p>{{roomAdmin.studentName}}</p>
    </div> -->
    <div>
      <div *ngFor="let item of list">
        <div class="host fl" (click)="selectRole(item.id)" style="cursor: pointer;">
          <p>{{item.roleName}}</p>
          <div class="host-img">
            <img  style="width: 100%;height: 100%;border-radius: 50%"  src="../../assets/img/timg.jpg"/>
          </div>
          <p style="color: cornflowerblue">{{item.studentName}}</p>
        </div>
      </div>
    </div>
  </div>
  <!-- <button class="join" *ngIf="studentId == roomAdminId" (click)="startDrill()">
    开始
  </button> -->
</div>
